<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=1051, initial-scale=1.0">
    <title>dangdang</title>
    <link href="css/public.css" rel="stylesheet" />
    <link href="css/main_header.css" rel="stylesheet" />
    <link href="css/discount.css" rel="stylesheet" />
    <link href="css/dd_header.css" rel="stylesheet" />
    <link href="css/container.css" rel="stylesheet" />
    <link href="css/footer.css" rel="stylesheet" />
    <link href="css/leaderboard.css" rel="stylesheet"/>
</head>
<body>
    <div class="main_header">
    <!--最上层导航-->
        <!--主logo-->
        <img src="image/logo.jpg" id="main_logo">

        <div id="discount">
            <!--打折项目-->
            <div id="discount_header">
                <ul class="discount_item">
                    <li>
                        <a href="">尾品汇</a>
                    </li>
                    <li>
                        <a href="">当当优品</a>
                    </li>
                    <li>
                        <a href="">数字馆</a>
                    </li>
                    <li>
                        <a href="">都看阅读</a>
                    </li>
                </ul>
            </div>
            <!--打折广告信息-->
            <div id="discount_icon"><img src="image/icon_count.png"></div>
        </div>
    </div>    

    <div class="dd_header">
    <!--头部橘黄色导航-->
        <!--导航内容-->
        <ul class="dd_items">
            
            <li>
                <a href="">图书</a>
            </li>
            <li>
                <a href="">音像</a>
            </li>
            <li>
                <a href="">童装</a>
            </li>
            <li>
                <a href="">服装</a>
            </li>
            <li>
                <a href="">鞋靴</a>
            </li>
            <li>
                <a href="">运动</a>
            </li>
            <li>
                <a href="">箱包</a>
            </li>
            <li>
                <a href="">美妆</a>
            </li>
            <li>
                <a href="">珠宝</a>
            </li>
            <li>
                <a href="">家居</a>
            </li>
            <li>
                <a href="">食品</a>
            </li>
            <li>
                <a href="">酒</a>
            </li>
            <li>
                <a href="">手机</a>
            </li>
            <li>
                <a href="">数码</a>
            </li>
            <li>
                <a href="">电脑</a>
            </li>
            <li>
                <a href="">家电</a>
            </li>
        </ul>
    </div>

    <div class="leaderboard">
    <!--排行榜-->
        <img src="image/banner.png" id="leaderboard">
    </div>

    <div class="container-body">
    <!--页面主体--> 
        <div id="bg"><img src="image/bg_bang.gif"></div>
        <div id="left_block">
            <div id="c_block">
                <div id="champion" class="pank">
                    <img src="image/book-01.jpg">
                    <div>
                        <img src="image/bookNo1.gif" alt="bookNo1">
                    </div>
                </div>
                <div id="c_introduction">
                    <p>
                        <a href="">偷影子的人</a><br/>
                        作者：[法]马克•́李维（Marc Levy）著<br/>
                        出版社：湖南文艺出版社<br/>
                        当当价：<span class="price">￥17.90</span><br/>
                        不知道姓氏的克蕾儿。这就是你在我生命里的角色，<br/>
                        我童年时的小女孩，今日蜕变成了女人，一段青梅竹<br/>
                        马的回忆，一个时间之神没有应允的愿望。一个老<br/>
                        是受班上同学欺负的瘦弱小男孩，因为拥有一种特殊<br/>
                        能力而强大：他能“偷别人的影子”。
                    </p>
                </div>
            </div>
        </div>
        <div id="right_block">
            <div id="s_block">
                <div id="secondp" class="pank">
                    <img src="image/book-02.jpg">
                    <div>
                        <img src="image/bookNo2.gif" alt="bookNo2">
                    </div>
                </div>
                <div id="s_introduction">
                    <p>
                        <a href="">
                            看见（央视知名记者、主持人柴静：十年个人<br/>
                            成长的告白，中国社会变迁备忘录
                        </a><br/>
                        作者：柴静 著<br/>
                        出版社：广西师范大学出版社<br/>
                        <span class="price">￥29.40</span>&nbsp&nbsp<span class="disc">7.4折</span>
                    </p>
                </div>
            </div>
            <div id="t_block">
                <div id="thirdp" class="pank">
                    <img src="image/book-03.jpg">
                    <div>
                        <img src="image/bookNo3.gif" alt="bookNo3">
                    </div>
                </div>
                <div id="t_introduction">
                    <p>
                        <a href="">改变孩子先改变自己</a><br/>
                        作者：贾容韬 贾毅 著<br/>
                        出版社：作家出版社<br/>
                        <span class="price">￥22.20</span>&nbsp&nbsp<span class="disc">7.4折</span>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <footer>
    <!--页脚--> 
        <div>
            Copyright (C) 当当网 2004-2017, All Rights Reserved
        </div>
        <div>
            <img src="image/validate.gif">
        </div>
        <div>
            京ICP证041189号出版物经营许可证 新出发京批字第直0673号
        </div>
    </footer>
</body>
</html>